<template>
    <div class="home">
        <div style="z-index:3">
            <Header></Header>
        </div>
        <div style="position: absolute;z-index:2;margin-left:90px;margin-top:-80px">
            <Tabbar></Tabbar>
        </div>
        <div style="position: absolute;z-index:1;margin-top:45px;margin-left:90px">
           <Banner></Banner> 
        </div>
        <div style="position: absolute;margin-top:550px;margin-left:500px;">
            <Footer></Footer>
        </div>
    </div>
</template>

<script>
    import Header from "@/components/Header/Header"
    import Tabbar from "@/components/Tabbar/Tabbar"
    import Banner from "@/components/Banner/Banner"
    import Footer from "@/components/Footer/Footer"
    export default {
        name:"home",
        components:{Header,Tabbar,Banner,Footer}
    
    }
</script>

<style scoped>
    .home{
        position: relative;
        
    }
</style>
